﻿<!DOCTYPE html>
<html>

<head>
    <title>bearchain</title>
    <!-- css -->
    <link rel="stylesheet" href="static/css/swiper.min.css">
    <link rel="stylesheet" href="static/css/reset.css">
    <link rel="stylesheet" href="static/css/mycss.css">
    <script src="static/js/jquery-1.8.3.min.js"></script>
    <script src="static/js/qrcode.min.js"></script>
</head>

<body>
    <header>
        <div class="inner">
            <div class="h-left">
                <a href="/"><img src="static/picture/logo.png" alt=""></a>
            </div>
            <div class="h-right">
                <a href="/"><span>Home</span></a>
                <a href="/statics/MEP___en.pdf"><span>M.E.P</span></a>
                <!-- <a href="/site/rule"><span>The rules</span></a> -->
                <a href="/site/agreement"><span>Sign up</span></a>
                <a href="/site/vote"><span>Vote</span></a>
                <form action="/site/lan" method="post" id='lang_form'>
                    <select name="language" id="lang_select">
                        <option selected="selected" data-url='/site/seten' value="en">English
                        </option>
                        <option  data-url='/site/setzh' value="zh">中文
                        </option>
                    </select>
                </form>
                <script type="text/javascript">
                    $('#lang_select').change(function() {
                        var url = $('#lang_select option:selected').data('url');
                        window.location.href = url;
                    });
                </script>
            </div>
        </div>
    </header>

    <section><!-- 遮罩层 -->
<div class="video-playbody">
  <button>×</button>
  <div>
    <video id ="diveoID2" width="1200" height="500" controls >
      <source src="/statics/video/1.mp4" type="video/mp4">
      <!-- <source src="movie.ogg" type="video/ogg"> -->
      您的浏览器不支持 video 标签。
    </video>
  </div>
</div>
<!-- 首页 -->
<div class="home">
  <div class="img">
    <img src="static/picture/3.jpg" alt="MILLION">
    <div>
      <button  onclick="window.location.href = '/site/agreement'">TO SIGN UP</button>
    </div>
  </div>
  <!-- video -->
  
  <div class="video">
    <video id="diveoID" loop="loop" src="/statics/video/1.mp4" poster="/statics/image/4_o.jpg" height="100%" width="100%"></video>
    <div class="play">
      <h1>Million Ecology Project</h1>
      <img id="video-img" src="static/picture/6.png" alt="">
    </div>
  </div>

  <div class="addText">
    <h1>M.E.P</h1>
    <h2>April, 2019</h2>
    <p>The Million Ecology Project is the final step in the Baer Chain journey from 0 to 1, which is also the first step in Baer Chain's journey from 1 to infinity.</p>
    <p>Baer Chain's main network will be announced for public test soon, we will select 21 super nodes in the world, together with Baer Chain to make the final sprint for the arrival of the public chain 3.0 era. At present, diverse ecological participants from different industries are continuously joining, and the Baer Chain ecosystem scale has broken through 660,000. Along with the global public testing of Baer Chain's main network, the ecological scale will exceed one million.</p>
    <p>Welcome to join us!  Let us enter new future together!</p>
  </div>

  <img src="static/picture/15.jpg" alt="" style="width:100%; margin-top:98px">
  
    <!-- <video src="" poster="/statics/image/4.jpg"></video> -->
    <!-- <img src="static/picture/4.jpg" alt="">
    <div class="play">
      <h1>Million Ecology Project</h1>
      <img id="video-img" src="static/picture/6.png" alt="">
    </div> -->
  <!-- <video id="videoPlay1" width="100%" height="440" src="/statics/video/1.mp4" poster="/statics/image/4.jpg" >
      您的浏览器暂不支持播放该视频，请升级至最新版浏览器。
  </video> -->
  <!-- <div style='width:100%;height:200px;background:red'>
    <video src="" poster="/statics/image/4.jpg"></video>
  </div> -->
  <!-- </div> -->
  <!-- 轮播 -->
  <div class="slide" style='height: 600px'>
      <div class="text">
    <div>
      <img src="static/picture/7.png" alt="">
      <h1>All Industry</h1>
      <p>The ecological prosperity must be based on the diversity of participants. The MEP will not be confined to the blockchain industry, but will support an wide-open plan for industry-wide participation. The convergence of different elements will produce a more fascinating chemical reaction. </p>
    </div>
    <div>
      <img src="static/picture/8.png" alt="">
      
      <h1>Great Influence</h1>
      <p>Baer Chain has a wide range of media partners around the world. MEP, which is the initial event in the public chain 3.0 era will receive continuous attention and authoritative reports from the head media inside and outside the industry.</p>
    </div>
    <div>
      <img src="static/picture/9.png" alt="">
      
      <h1>High Consensus</h1>
      <p>Baer Chain's global ecological matrix has exceeded 660,000 scales, and the active interaction, mutual understanding and mutual cooperation with the ecological members. MEP is the embodiment and sublimation of the Baer Chain ecological consensus. </p>
    </div>
  </div>
  
</div></section>

    <footer>
        <div id="footer">
            <div class="left">
                <h1>BAER CHAIN</h1>
                <div class="red-div"></div>
                <p class="one">Baer Chain is an online distributed ecological game platform that is based on the
        Blockchain technology</p>
                <!-- <p class="two">Copyright @2016-2017 Beerlink.com Bell chain blockchain all rig</p> -->
            </div>
            <div class="right">
                <h1>CONTACT US</h1>
                <div class="red-div"></div>
                <div class="ico">
                    <a href="https://www.facebook.com/baer.chain"><img src="static/picture/10.png" alt=""></a>
                    <a href="https://twitter.com/BaerChain?s=05"><img src="static/picture/11.png" alt=""></a>
                    <a href="https://0.plus/#/BaerChainCN"><img src="static/picture/12.png" alt=""></a>
                    <a href="/cdn-cgi/l/email-protection#b2d0d3d7c0d1dad3dbdcf2d0d3d7c0d1dad3dbdc9cdcd7c6"><img src="static/picture/15.png" alt=""></a>
                    <a href="https://weibo.com/6667329799/profile?rightmod=1&wvr=6&mod=personinfo"><img src="static/picture/14.png" alt=""></a>
                </div>
            </div>
        </div>
        <!--  <h3>其它页面</h3>-->
        <!--  <ul>-->
        <!--    <li>-->
        <!--      <a href="/site/vote">投票页面</a>-->
        <!--    </li>-->
        <!--    <li>-->
        <!--      <a href="/site/enroll">报名页面</a>-->
        <!--    </li>-->
        <!--    <li>-->
        <!--      <a href="/site/rule">规则页面</a>-->
        <!--    </li>-->
        <!--    <li>-->
        <!--      <a href="/site/info">节点详情页面</a>-->
        <!--    </li>-->
        <!--  </ul>-->
    </footer>


    <script data-cfasync="false" src="static/js/email-decode.min.js"></script><script src="static/js/jquery.min.js"></script>
    <script src="static/js/swiper.min.js"></script>
    <!-- <script src="static/js/qrcode.min.js"></script> -->
    <script>
        // 轮播
        var mySwiper = new Swiper('.swiper-container', {
            // autoplay: true,//可选选项，自动滑动
            slidesPerView: 5,
            slidesPerGroup: 5,
            spaceBetween: 20,
            loop: true,
            navigation: {
                nextEl: '.swiper-button-next',
                prevEl: '.swiper-button-prev',
            },
        })

        //表单验证提交
        function checkip() {
            var username = $("#username").val();
            var img1 = $("#inputFile1_input").val();
            var img2 = $("#inputFile2_input").val();
            var email = $("#email").val();
            var teamI = $(".textarea1").val();

            if (username && img1 && img2 && email && teamI) {
                alert('请上传图片，并填写所有必填项目');
                return false;
            } else {
                return true;
            }
        }

        // 投票
        $(document).ready(function() {
            var a = '';
            $('.one-ico div').mouseover(function() {
                var pval = $(this).find('p').text();
                var bg_img = $(this).data('img');
                if (pval) {
                    $(this).css('background-image', "url('"static/images/5f95d009225a4814a06c6ae43a74d779.gif"')");
                    $(this).find('p').css('display', 'block');
                }
            })

            $('.one-ico div').mouseout(function() {
                var pval = $(this).find('p').text();
                var bg_img = $(this).data('img');
                if (pval) {
                    $(this).css('background-image', "url('"static/images/5f95d009225a4814a06c6ae43a74d779.gif"')");
                    $(this).find('p').css('display', 'none');
                }
            })

            // 图片上传按键
            $('#imgFile1').click(function() {
                $('#inputFile1').click();
            })
            $('#imgFile2').click(function() {
                $('#inputFile2').click();
            })

            //遮罩层
            $('#video-img').click(function() {
                $(".video-playbody").css("display", "flex");
                $('body').css('overflow', 'hidden');
            })

            $('.video-playbody > button').click(function() {
                $(".video-playbody").css("display", "none");
                $('body').css('overflow', 'visible');
                var video = document.getElementById("diveoID2")
                video.load();
            });

            //添加div遮罩层
            $(".one-ico").mouseover(function() {
                $(this).find(".one-shade").css('background', 'rgba(1, 1, 1, 0.5)');
            });

            $(".one-ico").mouseout(function() {
                $(this).find(".one-shade").css('background', 'transparent');
            });

            //点击图片开始播放
            // $(".play > img").click(function () {
            //     // alert(1111)
            //     var video = document.getElementById("diveoID")
            //     video.play();
            //     $(".play").css('display', 'none')
            //     $("#diveoID").css('width', '50.1%')
            //     a = 1;
            // })

            //点击video的时候退出
            // $("#diveoID").click(function () {
            //     if (a == 1) {
            //         var video = document.getElementById("diveoID")
            //         video.load();
            //         $(".play").css('display', 'flex')
            //         $("#diveoID").css('width', '100%')
            //         a = '';
            //     }
            // })

            //缩略图
            // $("#inputFile").change(function(){
            //   // console.log(11111)
            //   var preview = document.querySelector("#upImg");
            //   var file = document.querySelector("input[type=file]").files[0];
            //   var reader = new FileReader();
            //   if(file){
            //     reader.readAsDataURL(file);
            //   }else{
            //     preview.src = '';
            //   }
            //
            //   reader.onloadend = function(){
            //     preview.src = reader.result;
            //   }
            // })

            //ajax 上传图片
            var uploading = false;

            $("#inputFile1").on("change", function(e) {
                if (uploading) {
                    alert('文件正在上传，请稍后……');
                    return false;
                }
                var file = e.currentTarget.files[0];
                var formData = new FormData();
                formData.append('file', file);
                $.ajax({
                    url: "/files/upload ",
                    type: 'POST',
                    cache: false,
                    data: formData,
                    processData: false,
                    contentType: false,
                    dataType: "json",
                    beforeSend: function() {
                        uploading = true;
                    },
                    success: function(data) {
                        if (data.hash != '') {
                            $("#upImg1").attr("src", '/images/' + data.hash + '.png');
                            $('#inputFile1_input').val(data.hash)
                        } else {
                            alert(data.msg);
                        }
                        uploading = false;
                    }
                })
            })

            var uploading2 = false;

            $("#inputFile2").on("change", function(e) {
                if (uploading2) {
                    alert('文件正在上传，请稍后……');
                    return false;
                }
                var file = e.currentTarget.files[0];
                var formData = new FormData();
                formData.append('file', file);
                $.ajax({
                    url: "/files/upload ",
                    type: 'POST',
                    cache: false,
                    data: formData,
                    processData: false,
                    contentType: false,
                    dataType: "json",
                    beforeSend: function() {
                        uploading2 = true;
                    },
                    success: function(data) {
                        if (data.hash != '') {
                            $("#upImg2").attr("src", '/images/' + data.hash + '.png');
                            $('#inputFile2_input').val(data.hash)
                        } else {
                            alert(data.msg);
                        }
                        uploading2 = false;
                    }
                })
            })

            //判断userID生成二维码
            $("#username").blur(function() {
                var useID = $("#username").val();
                var codeImg = $("#codeImg");
                var path = '';
                if (useID) {
                    codeImg.css('display', 'block');
                    path = '/site/captcha?name=' + useID;
                    codeImg.attr('src', path);
                } else {
                    codeImg.css('display', 'none');
                }
            })

            //判断必填信息，提交表单
            // $(".submit").on('click',function(){
            //     if($("#inputFile2_input").val() && $("#inputFile1_input").val()){
            //       alert('请上传图片并填写其他必选项目');
            //     }
            // })
            // $("#inputFile1").change(function () {
            //     $.post("/files/upload",
            //         {
            //             logo: document.querySelector("#inputFile1").files[0],
            //         },
            //         function (data, status) {
            //             console.log("数据: \n" + data + "\n状态: " + status);
            //         }
            //     )
            // })

            // $("#inputFile2").change(function () {
            //     $.post("/files/upload",
            //         {
            //             cover: document.querySelector("#inputFile1").files[0],
            //         },
            //         function (data, status) {
            //             console.log("数据: \n" + data + "\n状态: " + status);
            //         }
            //     )
            // })
        })
    </script>
    </body>

</html> 